<template>
<input class="center" type="text" v-model="value" >
</template>
<script setup>
import {computed} from 'vue'
const prop = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])
const value = computed({
  get(){
    return prop.modelValue
  },
  set(value){
    emit('update:modelValue',value)
  }
})
</script>
<style>
.center{
  display: block;
  margin: 0 auto;
}
</style>